<template>
    <div v-zhiling>
        <div class="head">
            <slot name="head"></slot>
            <router-view></router-view>
            router-view
            <router-link to="/find?key=value"></router-link>
            <router-link to="/lujing"></router-link>
            <a href="#/lujing"></a>
            <div @click="this.$route.put('/lujing?key=value')"></div>
            {{ count }}
            {{ count }}
            {{ key1 }}
        </div>
    </div>
</template>
<script>
import Bus from '../utils/EventBus'
import {mapAction} from 'vuex'
import {mapActions} from 'vuex'
export default{
    methods: {
        ...mapActions(['fangfa'])
    }
    methods: {
        ...mapActions(['fangfaming']),
        ...mutations(['fangfa','fangfa2'])
        fangfa(){
            this.$store.dispatch('fangfa')
        }
    }
    component: {
        count(){
            return this.$store.state.key
        }
    },
   computed: mapState(['key1','key2'])
   compute: {
    ...mapState(['key1','key2'])
   }
   computed: {
    ...mapState([['key1','key2']])
   }
   compute: {
    ...mapState(['key1','key2'])
   },
   computed: {
    ...mapState(['key'])
   },
   
   }
   created(){
    this.$store.state.key
    this.$store.commit('mutationsfangfa',valuezhi)
    this.$store.dispatch('actions方法',value只)
    this.$store.patch('fangfa')
    this.$store.pathch('yibufangfa')
    this.$store.commit(fangfa)
    this.$store.commit(fangfa)
    this.$store.commit(fangfa)
    this.$store.state.key
    console.log(this.$store)
   Bus.$on('shijian',(xingcan)=>{
    console.log(xingcan)
   })
    
},
directives: {
    color: {
        inserted(el,bining){
            el.style.color=binging.value
        },
        updated(el,binding){
            el.style.color=binding.value
        },
    }
}
this.$route.query.key
component: {
    count(){
        return this.$store.state.key
    }
}
</script>
<style></style>